<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Twój wirtualny trener</title>


<!--  skrypty -->
<script type='text/javascript' src='script/jquery-1.6.min.js'></script>
<script type='text/javascript' src='script/jquery-ui-1.8.16.custom.min.js'></script>
<script language="javascript" src='script/ajax.util.js'></script>

 
<script language="javascript" src='script/effects.js'></script>

<script type='text/javascript' src='script/calendar.js'></script>
<script type='text/javascript' src='script/myScripts.js'></script>

<!--  css -->
<link rel='stylesheet' type='text/css' href='css/style.css' />
<link rel='stylesheet' type='text/css' href='css/jquery.weekcalendar.css' />
<link href="css/le-frog/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="loader" >
	</div>
   <div class="ui-widget info" id="info_message">
			<div style="margin-top: 20px; padding: 0 .7em;" class="ui-state-highlight ui-corner-all"> 
				<p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-info"></span>
				<strong>Hey!</strong> <span id="info_text">Sample ui-state-highlight style.</span></p>
			</div>
	</div>
  <!-- content -->  
  <div  id="gc-pagecontent" >
    <img src="/images/logo.png" alt="Twoj wirtualny trener" class="logo" />
 <div id="tabs" class="gtb ui-tabs ui-widget ui-widget-content ui-corner-all">
			<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
			     <li class="ui-state-default ui-corner-top">
			     	<a id="home" href="/index.html#home-tab" class="tab">Home</a>
			     </li>
			     <li class="ui-state-default ui-corner-top">
			    	 <a id="makeplan" href="/makePlan.html#makeplan" class="tab">Utwórz plan</a>	
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="showplan" href="/index.html#showplan" class="tab">Pokaż plan</a>
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="" href="/calendar.html" class="tab">Pokaż kalendarz</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	 <a id="size" href="index.html#size" class="tab">Wymiary</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="progress" href="/achievement.jsp" class="tab">Postępy</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="profil" href="/index.html#profil" class="tab">Profil</a> 
			     </li>
			</ul>
			
  <!-- home page content -->
  <div class="g-unit o-portalu" id="home-tab">
  <h2>O portalu</h2>
Twój wirtualny trener to portal, który zbiera dane od użytkownika w celu ułożenia planu
treningowego specjalnie dla jego potrzeb. Może być jego swoistym zeszytem treningowym,
który prowadzi dla niego statystyki.<br /><br />

Jego zadania można podzielić na dwie sekcje: <br />
 Planu – wygenerowanie własnego planu treningowego<br />
 Statystyczna – zobrazowanie postępów w treningu<br />
 
 <h2> Dla kogo ten portal? </h2>
 Portal Twój Wirtualny Trener wydaje się być innowacyjnym rozwiązaniem w zakresie
kultury fizycznej, o który trudno w Internecie. Osoby rozpoczynające przygodę z kulturystka,
często napotykają trudności związane z optymalnym doborem planu treningowego, a trener
personalny jest rozwiązaniem kosztownym. Portal Twój Wirtualny trener jest także swoistym
zeszytem treningowym mobilizującym do działania, który będzie miał sens jedynie wtedy gdy
użytkownik będzie sumiennie wprowadzał prawdziwe dane.
  </div> 
     <!-- ******************************************* profil ******************************************* -->
    <div class="g-unit" id="profil-tab">
  	<!-- create container -->
	  	<div class="create-ctr" id="profilEdit">
	  	<h2>Twój profil</h2>
	  	<form name="profil-create-form" id="profil-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	
	  	<tr >
		 <td>Imię </td>
          <td><span class="readonly">
          <input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="firstname" id="firstname" />
          </span></td>
		 </tr>
		<tr>
           <td>Nazwisko</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="surname" id="surname" /></td>
         </tr>
         <tr>
           <td>Data urodzenia</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="birthdate" id="birthdate" /></td>
         </tr>
         <tr>
           <td>Miejscowość</td>
           <td><input type="text" style="width: 185px;" autocomplete="on" class="text ui-widget-content ui-corner-all" maxlength="2048" name="city" id="city" /></td>
         </tr>
         <tr>
           <td>Płeć</td>
           <td>        
				<input type="radio" name="sex" value="male" /> Kobieta<br />
		 		<input type="radio" name="sex" value="female" /> Mężczyzna
		 	</td>
         </tr>
         <tr>
           <td>Staż</td>
           <td> <input type="number" style="width: 40px;" autocomplete="on" class="text ui-widget-content ui-corner-all" maxlength="2048" name="practice" id="practice" /></td>
         </tr>
         
         

        <tr>
          <td>&nbsp;</td>
          <td> 
          <input type="button" class="save ui-state-default ui-corner-all" title="Save" value="Zapisz" onclick="formValidate('profil')" />
          <input type="reset" id="product-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
         </td>
        </tr>
	  	</tbody>
  	</table>
  	</form>
  	</div>
  </div>  
  
    <!-- ******************************************* wymiary ******************************************* -->
    <div class="g-unit" id="size-tab">
  	<!-- create container -->
	  	<div class="create-ctr" id="sizeEdit">
	  	<h2>Twoje wymiary</h2>
	  	<form name="size-create-form" id="size-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	
	  	<tr >
		 <td>Wzrost </td>
          <td><span class="readonly">
          <input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="20" max="200" name="height" id="height" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Waga </td>
          <td><span class="readonly">
          <input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="100" max="250" name="weight" id="weight" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Sylwetka </td>
          <td><span class="readonly">
          <input type="text" style="width: 100px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="100" name="figure" id="figure" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Biceps </td>
          <td><span class="readonly">
          	<input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="biceps" id="biceps" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Talia </td>
          <td><span class="readonly">
         	 <input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="waist" id="waist" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Klatka piersiowa </td>
          <td><span class="readonly">
         	 <input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="chest" id="chest" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Ramiona </td>
          <td><span class="readonly">
         	 <input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="shoulders" id="shoulders" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Uda</td>
          <td><span class="readonly">
         	 <input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="thight" id="thight" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Łydki </td>
          <td><span class="readonly">
          	<input type="number" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="calf" id="calf" />
          </span></td>
		 </tr>
		 <tr >
		 <td>Kark </td>
          <td><span class="readonly">
          	<input type="number" class="text ui-widget-content ui-corner-all" style="width: 50px;" autocomplete="off" class="text ui-widget-content ui-corner-all" min="10" max="250" name="neck" id="neck" />
          </span></td>
		 </tr>
        <tr>
          <td>&nbsp;</td>
          <td> 
          <input type="button" class="save ui-state-default ui-corner-all" title="Save" value="Zapisz" onclick="formValidate('size')" />
          <input type="button" class="cancel ui-state-default ui-corner-all" title="Cancel" value="Cancel" onclick="cancel('size')" />
          <input type="reset" id="product-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
         </td>
        </tr>
	  	</tbody>
  	</table>
  	</form>
  	</div>
  
  </div>  

  
  
  
  
  
  
   <!-- POKAZ PLAN -->
  <div class="g-unit" id="showplan-tab">
    <p>
      <h3>Twoja rozpiska:</h3>
   </p>
   <div id="yours-plan">
   
   </div>
  </div>
   <!-- POSTĘPY  -->
  <div class="g-unit" id="progress-tab">
    <h2>POSTĘPY</h2>
	</div>
 
 </div>
  
</div>

<!--  
	<div id="achievement-form-id" title="Utworzenie re">

	<form name="achievement-form" id="achievement-form">
		<h2>Ćwiczyles dzisiaj? Wpisz swoje osiagi </h2>
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	 <tr >
		 <td>Wyciskanie na plaskiej</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="chest" id="chest" /></td>
		 </tr>
		 <tr >
		 <td>Uginanie sztangi stojac</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="biceps" id="biceps" /></td>
		 </tr>
		  <tr >
		 <td>Martwy ciag</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="back" id="back" /></td>
		 </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	-->
	
<script>

$(window).load(function () {
	   init();
	});
</script>




</body>
</html>
